<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<meta name="Dscription" content=""/>
		<meta name="Keywords" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/gouwuche.css"/>
	</head>
	<body>
		<div class="mobile">
			<!--头部-->
			<header>
				<a href="shouye.html" class="last">
					<div class="last-img"><img src="img/last.png"/></div>
					<p>返回</p>
				</a>
				<h1>购物车</h1>
				<div class="dian"><img src="img/dian.png"/></div>
			</header>
			<section>
				<!--购物车详情-->
				<div class="desc">
					<!--checkbox-->
					<input type="checkbox" id="chk" checked="" /><label for="chk"><div class="check"></div></label>
					<div class="chked"></div>
					<!--戒指-->
					<div class="JZ">
						<div class="img">
							<img src="img/GWC/JZ.png" alt="" />
						</div>
					</div>
					<!--数量-->
					<div class="muban">
						<p>【模板】18K金鑽石戒指</p>
						<p>¥40.5</p>
						<div class="number">
							<input type="button" id="" value="-" />
							<input type="text" id="" value="1" />
							<input type="button" id="" value="+" />
						</div>
					</div>
					<!--移除-->
					<div class="delete">
						<input type="checkbox"  id="check2" /><label for="check2">
						<div class="fuhao">
							<img src="img/GWC/DET.png" alt="" />
						</div>
						<p>移除</p>
						</label>
					</div>
				</div>
				<!--购物车详情-->
				<div class="desc">
					<!--checkbox-->
					<input type="checkbox" id="chk1"/><label for="chk1"><div class="check"></div></label>
					<div class="chked"></div>
					<!--戒指-->
					<div class="JZ">
						<div class="img">
							<img src="img/GWC/JZ.png" alt="" />
						</div>
					</div>
					<!--数量-->
					<div class="muban">
						<p>【模板】18K金鑽石戒指</p>
						<p>¥40.5</p>
						<div class="number">
							<input type="button" id="" value="-" />
							<input type="text" id="" value="1" />
							<input type="button" id="" value="+" />
						</div>
					</div>
					<!--移除-->
					<div class="delete">
						<input type="checkbox"  id="check2" /><label for="check2">
						<div class="fuhao">
							<img src="img/GWC/DET.png" alt="" />
						</div>
						<p>移除</p>
						</label>
					</div>
				</div>
				<!--购物车详情-->
				<div class="desc">
					<!--checkbox-->
					<input type="checkbox" id="chk2"/><label for="chk2"><div class="check"></div></label>
					<div class="chked"></div>
					<!--戒指-->
					<div class="JZ">
						<div class="img">
							<img src="img/GWC/JZ.png" alt="" />
						</div>
					</div>
					<!--数量-->
					<div class="muban">
						<p>【模板】18K金鑽石戒指</p>
						<p>¥40.5</p>
						<div class="number">
							<input type="button" id="" value="-" />
							<input type="text" id="" value="1" />
							<input type="button" id="" value="+" />
						</div>
					</div>
					<!--移除-->
					<div class="delete">
						<input type="checkbox"  id="check2" />
						<label for="chk3">
							<label for="check2">
							<div class="fuhao">
								<img src="img/GWC/DET.png" alt="" />
							</div>
							<p>移除</p>
							</label>
						</label>
					</div>
				</div>
			</section>
			<footer>
				<div class="quanxuan">
					<input type="checkbox" id="chk3"/>
					<label for="chk3"><div class="check"></div></label>
					<p>全选</p>
					<div class="zongjia">
						<p>总价
						<span class="jiage">
							¥1230.5
						</span>
						</p>
						<p>
							（共1件，不含运费）
						</p>
					</div>
					<a href="" class="jiesuan">
						结算
					</a>
				</div>
			</footer>
		</div>
		<script >
		    document.body.style.height  = window.innerHeight+"px";
		</script>
	</body>
</html>
